import Taro, { Component } from '@tarojs/taro';
import { View, Text, Image } from '@tarojs/components'
import Top from './top'
import './head.scss'
import Acticity from './activity'
class Head extends Component {
    constructor() {
        super(...arguments)
        this.state = {
            store: {
                title: "川湘居",
                notice: "欢饮光临，很高兴为您服务~",
                tags: ['味道赞', '免配送', '黄金价']
            }
        }
    }
    render() {
        let { title, notice, tags } = this.state.store;
        return (
            <View>
                <View className="Head">
                    <Image className="back" src={require('../../../../assets/img/back.jpg')} />
                    <Top />

                    <View className="store">
                        <Image className="store-img" src={require('../../../../assets/img/store.jpg')} />
                        <View className="store-content">
                            <Text>{title}</Text>
                            <Text>{notice}</Text>
                            <View>
                                {tags.map((item, index) => {
                                    return (<Text className="tags-item" key={index}>{item}</Text>)
                                })}
                            </View>
                        </View>
                    </View>
                </View>
                <Acticity />
            </View>
        )
    }
}

export default Head